<template>
  <div class="icons-container">
    <ul>
      <li v-for="item in 8" :key="item" class="icon-item">
        <div class="img">icon</div>
        <div class="title">title</div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
.icons-container
  background red
  height 4rem
  font-size .3rem
  ul
    height 100%
    .icon-item
      width 25%
      display inline-block
      height 50%
      text-align center
      .img
        height 80%
        line-height 1.6rem
      .title
        background green
        height 20%
        line-height .4rem
</style>
